
<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>云印社 | 在线打印</title>
    <link rel="stylesheet" href="/css/foundation.css" />
    <link rel="stylesheet" type="text/css" href="/css/self.css">
    <link rel="stylesheet" type="text/css" href="/css/user.css">
    <link rel="stylesheet" type="text/css" href="/css/foundation-icons.css">
    <script src="/js/modernizr.js"></script>
  </head>
  <body>
<nav class="top-bar" data-topbar role="navigation">
  <ul class="title-area">
    <li class="name">
      <h1><a href="#">云印社</a></h1>
    </li>
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  </ul>
  <section class="top-bar-section">
    <ul class="right">
            <li class="active"><a href="print">提交传单</a></li>
      <li class="has-dropdown">
        <a href="#">个人中心</a>
        <ul class="dropdown">
          <li><a href="order">历史订单</a></li>
          <li class="active"><a href="billing">我的积分</a></li>
          <li><a href="info">个人资料</a></li>
          <li><a href="quit">退出登录</a></li>
        </ul>
      </li>
          </ul>
    <ul class="left">
      <li class="divider"></li>
      <li><a href="print">主页</a></li>
      <li class="divider"></li>
      <li><a href="#">文库</a></li>
      <li class="divider"></li>
      
    </ul>
  </section>
</nav>

<div class="collapse user">
<div class="small-2 large-1 columns" style="padding-left:0;">
<%include("/shop_left.html"){} %>
</div>

<div class="small-10 large-11 columns">
<div class="main-box billing">

  <div class="row">
    <div class="large-12">
        <ul class="breadcrumbs">
          <li><i class="fi-home"></i> <a href="#">客户中心</a></li>
          <li><a href="#">我的积分</a></li>
        </ul>
    </div>
  </div>
  
  <div class="row">
    <div class="large-12 panel">
      <fieldset>
      <legend>当前积分</legend>
        <div class="row collapse">
          <div class="large-4 columns">
            当前金币：${shopModel.pend_gold}          </div>
          <div class="large-4 columns">
            已用金币：${shopModel.used_gold}          </div>
          <div class="large-4 columns">
            <a class="button tiny success" data-reveal-id="invite" >赚取金币</a>
          </div>
        </div>
      </fieldset>
      <table class="otb">
          <thead>
            <tr>
              <th width="5%">#</th>
              <th width="30%">时间</th>
              <th>说明</th>
              <th width="20%">金币变化</th>
            </tr>
          </thead>
          <tbody>
          <%for(task in leafletList){%>
            <tr>
                <td>
                    ${task.task_id}
                </td>
                <td>
                    ${task.upload_time}
                </td>
                <td>
                    <a href="/printshop/download/${task.file_id}">${task.name}</a>
                </td>
                <td>
                    ${task.gold}
                </td>
            </tr>
        <%}%>
        </tbody>
        </table>
        <%include("/_page_nav.html"){} %>
        <div class="clearfix"></div>
    </div>
  </div>

</div>
</div>

</div>

<div id="invite" class="reveal-modal medium" data-reveal>
  <h2>邀请注册</h2>
  <p class="lead">邀请好友注册可以获得积分</p>
  <div><input type="text" class="expend disabled" value="http://www.taoyinyin.com/index.php/home/sign/invite/code/WKu7wCxI.html"></div>
  <a class="close-reveal-modal">&#215;</a>
</div>

<div class="clearfix"></div>
  <%include("/footer.html"){} %>
  <script src="http://www.taoyinyin.com/Public/front/js/vendor/jquery.js"></script>
  <script src="http://www.taoyinyin.com/Public/front/js/foundation.min.js"></script>
  <script>
    $(document).foundation();
  </script>
  </body>
</html>
